.course-card {
  position: relative;
  width: 630rpx;
  height: 200rpx;
  margin: 25rpx 60rpx;
  border-radius: 10rpx;
  box-shadow: 6rpx 6rpx 20rpx gray;
  color: rgb(64, 102, 85);

  &-title {
    position: absolute;
    left: 20rpx;
    top: 20rpx;
    font-weight: bolder;
    font-size: large;
  }

  &-teacher {
    position: absolute;
    right: 170rpx;
    top: 22rpx;
  }

  &-date {
    position: absolute;
    left: 20rpx;
    top: 80rpx;
  }

  &-weekday {
    position: absolute;
    left: 20rpx;
    top: 140rpx;
  }

  &-duration {
    position: absolute;
    left: 240rpx;
    top: 140rpx;
  }

  &-action {
    position: absolute;
    right: 40rpx;
    top: 60rpx;
    display: flex;

    &-tips {
      font-weight: bolder;
      color: red;
      padding: 20rpx 0;
    }
  }
}